import React, { Component } from 'react'
import Login from './login'
import Layout from './layout'

export default class index extends Component {
  state = {
    isLogin: false
  }
  render () {
    // return <div>Index</div>
    // 方式1：传统的if、else判断
    // if (this.state.isLogin) {
    //   return <Layout />
    // } else {
    //   return <Login />
    // }

    // 方式2：三目运算符（两个比较合适）
    // return <div>{this.state.isLogin ? <Layout></Layout> : <Login></Login>}</div>

    // 方式3，与运算
    return (
      <div>
        {this.state.isLogin && <Layout></Layout>}
        {!this.state.isLogin && <Login></Login>}
      </div>
    )
  }
}
